/**
 * 兄弟传值 --- B组件中的数据传递给A
 * 技术方案：
 * 1.先把B中的数据通过子传父 传给App
 * 2.再把App接收到的Son中的数据 通过父传子 传给A
 * 
 */

import React from "react"

function SonA (props) {
  return (
    <div>
      <div>
        this is son A
      </div>
      <div>
        {props.sendMsg}
      </div>
    </div>
  )
}
function SonB (props) {
  const msgB = '这是来自于B组件中的数据'

  return (
    <div>
      <div>
        this is son B
      </div>
      <button onClick={() => props.getBMsg(msgB)}>发送数据</button>
    </div>
  )
}
class App extends React.Component {
  // 声明一个传值给B组件的方法
  state = {
    msgA: ''
  }
  getBMsg = (msg) => {
    console.log(msg, 'msg')
    this.setState({
      msgA: msg
    })
  }
  render () {
    return (
      <>
        <SonA sendMsg={this.state.msgA}>
        </SonA>
        <SonB getBMsg={this.getBMsg}></SonB>
      </>

    )
  }
}
export default App
